import React, { Component } from 'react'
import Item from '../Item'
import './index.css'
export default class list extends Component {
    render() {
        const {todos,updatetodo,deletetodo} = this.props
        return (
            <ul className="todo-main">
            {
                todos.map((todo) => {
                    //return <Item key={todo.id} id={todo.id} name={todo.name} done={todo.done}/>
                    return <Item key={todo.id} {...todo} updatetodo={updatetodo} deletetodo={deletetodo}/>//批量传递
                })
            }
            </ul>
        )
    }
}
